﻿
<div>
    <h1>{{details.Name}} </h1>
    <br />
    <h3>Average Rating: {{details.Rating}}</h3>
</div>
<div>City: {{details.City}}</div>
<div>Description: {{details.Description}}</div>
Tags:
<span ng-repeat="t in details.Tags">
    <span>{{t.Name}}</span>&nbsp;
</span>

<hr />
<div>
    <div>
        <img ng-src="http://openweathermap.org/img/w/{{apiweather.weather[0].icon}}.png">
    </div>
    <div>Weather: {{apiweather.weather[0].description}}</div>
    <div ng-repeat="(key, value) in apiweather.main">
        <div>{{key}}, {{value}}</div>
    </div>
    </div>
<hr />


<h5>Reviews:</h5>
<div ng-repeat="x in details.Reviews">
    <div>{{x.Comment}}</div><br />
    <div>User Rating: {{x.Rating}}</div>
    <div>By: {{x.Username}}</div>
   
    <button type="button" class="btn btn-default btn-lg" ng-click="DoDeleteReview(x.ReviewId)">
        <span class="glyphicon glyphicon-remove-circle" aria-hidden="true"></span> Delete
    </button>

    <hr />
</div>






<div>
    <form novalidate>
        Name:<br>
        <input type="text" ng-model="rv.reviewer"><br>
        Review:<br>
        <input type="text" ng-model="rv.comment">
        <br> 
        Rating:<br>
        <input type="text" ng-model="rv.rating">
        <br>
        <br><br>
        <button ng-click="reset()">RESET</button><br />
        <button ng-click="DoAddReview()">Add</button>
    </form>
</div>